<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="" />
    <title>产品中心</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../css/case/css.css" rel="stylesheet" type="text/css">
    <link href="../css/case/Animation.css" rel="stylesheet" type="text/css">
    <link href="../css/case/slider.css" rel="stylesheet" type="text/css">
    <link href="../css/index.min.css" rel="stylesheet" />
    <!--<script src="../js/jquery.pagination.js" type="text/javascript"></script>-->
    <!--<script>-->
        <!--$(document).ready(function() {-->
            <!--$("#Pagination").pagination("15");-->
        <!--});-->
    <!--</script>-->
</head>
<style>
    body {
        background-color: #f5f5f5;
    }
    .product {
        margin-top: 5px;
        background-color: #fff;
        min-height: 450px;
    }
    .hander {
        margin-top: 70px;
    }
    .hander img{
        width: 100%;
        height: 300px;
    }
    .handerHref {
        margin-top: 5px;
        background-color: #e2e2e2;
    }
    .handerHref a {
        color: #6c6c6c;
    }
    .handerHref a:hover {
        color: #101acc;
    }
    .left{
        width: 45%;
        float: left;
    }
    .right {
        width: 45%;
        float: right;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }
    .cose_info {
        margin-left: 5%;
    }
    .btn-info {
        background-color: #00dfb9;
        border-color: #47e8cd;
    }
    .btn-info:visited {
        background-color: #28df7c;
        border-color: #47e8cd;
    }
    .btn-info:hover {
        background-color: #28df7c;
        border-color: #47e8cd;
    }
    .btn-info:active {
        background-color: #00dfb9;
        border-color: #47e8cd;
    }

    @media (max-width:460px) {
        .hander {
            margin-top: 60px;
        }
        .hander img{
            width: 100%;
            height: 200px;
        }
    }
</style>

<body>
<header class="fixed">
    <div class="logo" id="logo">
        <!--<img src="../images/logo.png" alt="我的网站" class="img-responsive">-->
    </div>

    <nav class="menu">
        <ul class="list-inline">
            <li class=""><a href="../index.html">首页</a></li>
            <li class="active"><a href="../index.html#1">产品</a></li>
            <li class=""><a href="../index.html#2">客户</a></li>
            <li class=""><a href="../index.html#3">关于</a></li>
            <li class=""><a href="../index.html#4">联系</a></li>
        </ul>
    </nav>

    <div class="hotline" id="hotline">
        <!--<a title="免费咨询热线"><span>151-0537-0360</span></a><u></u>-->
    </div>

    <div class="menu-icon">
        <a href="../index.html"><span class="glyphicon">首页</span></a>
    </div>
    <div class="bg"></div>
</header>

<div class="container hander">
    <img src="../images/product_h.jpg">
</div>

<div class="container handerHref">
    <div class="left" style="margin: 10px 10px">
        <span style="font-weight: bold;">当前位置：</span><a href="../index.html">首页</a><span>&nbsp;>&nbsp;</span><a>产品</a>
    </div>
    <div class="right" style="margin: 1px 1px">
        <div class="input-group">
            <input type="text" id="productTitleOne" name="productTitleOne" placeholder="请输入产品名称" class="form-control" style="float:right;width:90%;padding: 0 0"/>
            <span class="input-group-btn">
               <button class="btn btn-info btn-search" id="findPro">查找</button>
            </span>
        </div>
    </div>
</div>
<!--产品案例-->
<div class="container product">
    <div class="mtb20 case_style">
        <div class="cose_list ">
            <ul id="product">

            </ul>
        </div>
        <!--分页-->
        <!--<div class="pages clearfix">-->
            <!--<div id="Pagination"></div>-->
            <!--<div class="searchPage">-->
                <!--<span class="page-sum">共<strong class="allPage">15</strong>页</span>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../../main/common/js/aes.js" type="text/javascript"></script>
<script src="../../main/common/js/CommonUtils.js"></script>
<script src="product.js"></script>
<script>
    $(function () {
        $("header nav.menu").append('<i class="line"></i>');
        $("header .menu li a").bind("mouseenter",
            function() {
                var line = $("header .menu .line");
                if (line.css("display") == "none") line.show();
                line.stop().animate({
                        width: $(this).width() + 10,
                        left: parseInt($(this).position().left) - 5 + "px"
                    },
                    300)
            });
        $("header .menu li a").bind("mouseenter",
            function() {
                var line = $("header .menu .line");
                if (line.css("display") == "none") line.show();
                line.stop().animate({
                        width: $(this).width() + 10,
                        left: parseInt($(this).position().left) - 5 + "px"
                    },
                    300)
            });
        $("header .menu").bind("mouseleave",
            function() {
                $("header .menu li.active a").trigger("mouseenter")
            }).trigger("mouseleave");
        $("header .menu li").eq(1).addClass("active");
    })
</script>
</html>
